﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-shadow</title>
<link rel="stylesheet" href="demo.css"/>
<style type="text/css">
p{margin:10px;background:#ddd;}

.m-demo{color:#000;}
.m-demo .p1{text-shadow:1px 2px #f00;}
.m-demo .p2{text-shadow:1px 2px 3px #f00;}
.m-demo .p3{text-shadow:1px 2px 3px;}
.m-demo .p4{text-shadow:1px 2px rgba(255,0,0,0.5);}
.m-demo .p5{text-shadow:1px 2px #f00, 1px 2px 3px;}
</style>
</head>
<body>
<div class="m-demo">
	<p class="p1">文字阴影：text-shadow:1px 2px #f00;</p>
	<p class="p2">文字阴影：text-shadow:1px 2px 3px #f00;</p>
	<p class="p3">文字阴影：text-shadow:1px 2px 3px;</p>
	<p class="p4">文字阴影：text-shadow:1px 2px rgba(255,0,0,0.5);</p>
	<p class="p5">文字阴影：text-shadow:1px 2px #f00, 1px 2px 3px;</p>
</div>
</body>
</html>